<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0"/>
    <title>华迅直购</title>
    <link rel="stylesheet" type="text/css" href="css/root.css"/>
    <link rel="stylesheet" type="text/css" href="css/entrance/home.css"/>
    <link rel="stylesheet" type="text/css" href="css/address/address.css"/>
    <script type="text/javascript" src="js/base/jquery-3.1.1.min.js?ver=2.0.4" charset="utf-8"></script>
    <script type="text/javascript" src="js/base/underscore-min.js"></script>
    <script src="js/base/api.js"></script>
    <script src="js/base/base.js"></script>
    <script src="js/base/vue.js"></script>

    <script type="text/javascript" src="js/base/magiclamp.js?ver=2.0.3" charset="utf-8"></script>


    <script type="text/javascript" src="js/address_modefy.js" charset="utf-8"></script>
</head>
<body>
<div id="address_modefy">
    <header>
        <a @click="page_back" v-if="baseConfig.is_phone" class="h-left back-btn"><i
                class="iconfont icon-fanhui"></i></a>
        <h1 class="h-title">编辑地址 </h1>
    </header>
    <div id="root">
        <form class="address-container" id="join-form" method="post">
            <input type="text" class="address-input" placeholder="收货人" v-model="address_info.receiver_name"
                   maxlength="10">
            <input type="number" class="address-input" placeholder="手机号码" v-model="address_info.receiver_phone">
            <select class="address-input" v-model="address_info.receiver_province_id" @change="query_citys">
                <option value="0">请选择省份</option>
                <option v-for="option in province_list" :value="option.id">{{option.name}}</option>
            </select>
            <div v-if="city_list.length">
                <select class="address-input" v-model="address_info.receiver_city_id" @change="query_county">
                    <option value="0">请选择城市</option>
                    <option v-for="option in city_list" :value="option.id">{{option.name}}</option>
                </select>
            </div>
            <div v-if="county_list.length">
                <select class="address-input" v-model="address_info.receiver_county_id">
                    <option value="0">请选择地区</option>
                    <option v-for="option in county_list" :value="option.id">{{option.name}}</option>
                </select>
            </div>
            <textarea class="address-input address-textarea" rows="4" placeholder="详细地址"
                      v-model="address_info.receiver_address_detail" maxlength="100"></textarea>
            </p>
            <button class="add-bom-btn" type="button" @click="modefy_address">提交</button>
        </form>
    </div>

</div>
</body>
</html>